<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        /* CSS样式覆盖性 */
        h1{
            color: red;
        }
        h1{
            color: green;
        }
    </style>
</head>
<body>
    <h1>666</h1>
    <!-- 
        ①语义化：名字见名知义，遵循驼峰标识 userName  passWord
        ②开头：避免特殊符号开头，变量名只能以字母,_,$开头
        ③不能使用关键和保留字--var var = 1;×
        ④变量名不要相同(后面的会覆盖前面) --覆盖性
    -->
    <script>
        // 1、语义化
        var name = '二狗';
        //2、变量命名法则--大驼峰（每一个单词首字母都大写）、小驼峰（只有第一个单词的首字母正常，其余全都大写）
        var DengChao = '邓超';
        var dengChao = '邓超';
        //3、覆盖性
        var name = '熊大';
        console.log(name);//长江后浪推前浪-以最后一次为准
    </script>
</body>
</html>